<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body{
            overflow: auto;
            margin: 0px;
            padding: 0px;
            line-height: 1px;
        }
        *{
            -webkit-text-size-adjust: 100%;
            box-sizing: border-box;
            /* -webkit-text-size-adjust:100%; */
        }
        .headerWrapper{
            width: 100%;
            background: #fff;
            z-index: 99999;
        }
        .header{
            width: 960px;
            padding-top: 30px;
            margin: auto;
            height: 95px;
            /* background: lime; */
        }
        .searchWrapper{
            float: left;
            padding: 0px 0px;
            border: #cccccc 1px solid;
            width: 232px;
            height: 28px;
            line-height: 24px;       
            border-radius: 3px;
            margin-right: 26px;
        }
        .header .logo{
            float: left;
            widows: 417px;
        }
        .header .logo .img{
            width: 241px;
            height: auto;
        }
        img{
            display: block;
        }
        .header .fright{
            padding-top: 6px;
            float: right;
            widows: 462px;
        }
        input{
            font-size: 14px;
            line-height: 20px;
            /* font-family: ; */
            border: none;
        }
        .header .fright{
            padding-top: 6px;
            float: right;
            width: 462px;
        }
        #search{
            width: 180px;
            font-size: 13px;
            line-height: 26px;
            height: 26px;
            border: none;
            background: none;
        }
        #sebmitSearch{
            width: 16px;
            height: 16px;
            background-image: url("images/search.png") top no-repeat;
            text-indent: -9999px;
            border: none;
            vertical-align: top;
            margin-top: 5px;
        }
        .header 
        .searchWrapper.offering{
            width: 144px;
            margin-right: 19px;
        }
        .dropdown .carat{
            right: 0px;
            top: 50%;
            margin-top: -2px;
            border: 4px solid transparent;
            border-top: 5px solid #ff6600;
            /* font-size: 12px; */
            /* position: relative; */
            /* cursor: pointer; */
            /* background:#fff; */
            /* user-select: none; */
            position: absolute;
        }
        .header
        .selectWrapper {
            float: left;
            position: relative;
        }
        .dropdown{
            font-size: 12px;
            position: relative;
            cursor: pointer;
            user-select: none;
            background: #fff;
        }
        .header
        .selectWrapper .defaultText{
            cursor: pointer;
            position: absolute;
            background:#fff;
            color: #ff6600;
            font-size: 12px;
            top: 7px;
            left: 9px;
            padding: 1px 1px;
        }
        .dropdown .old{
            position:absolute;
            left: 0px;
            top: 0px;
            height: 0px;
            width: 0px;
            overflow: hidden;
        }
        .dropdown .selected,
        .dropdown li{
            display: block;
            font-size: 12px;
            line-height: 1;
            color: #ff6600;
            padding: 8px 12px;
            overflow: hidden;
            white-space: nowrap;
            text-align: right;
            text-transform: uppercase;
        }
        .wrap{
            background: #fef2c0;
            padding-top: 68px;
        }
        #home.container{
            position: relative;
        }
        .container.nopadding{
            padding: 0px;
        }
        .container{
            margin:auto;
            width: 960px;
        }
        .nav{
            position:absolute;
            top:95px;
            left:0;
            font-size:14px;
            line-height:20px;
            font-weight:400;
        }
        .nav .menu{
            width:960px;
            margin:auto;
            padding-left:61px;
        }
        ul{
            list-style:none;
        }
        .nav .menu > li{
            cursor:pointer;
            text-decoration:none;
            color:#fff;
            float:left;
            background-image:url('images/nav.png') no-repeat;
            background-position:rigth top;
            background-color:#FF6600;
        }
        .footer{
            width: 100%;
            background: #ff6600;
            margin:auto;
            width: 960px;
            padding-top: 45px;
        }
        .footer .logo{
            width: 189px;
        }
        .footer div{
            vertical-align: top;
            display: inline-block;
        }
        a{
            color: #069cfb;
            text-decoration: none;
        }
        .footer .wenzi{
            color: #fff;
            width: 732px;
            margin-left: 33px;
        }
        .footer div{
            vertical-align: top;
            display: inline-block;
        }
        .footer .wenzi .col{
            display: inline-block;
            padding: 0 0 0 0;
            margin-right: 2px;
        }
        .footer .wenzi .col11{
            width:177px;
        }
        .footer .wenzi .col12{
            width:177px;
        }
        .footer .wenzi .col13{            
            width:177px;
        }
        .footer .wenzi .col14{
            width:177px;
        }
        .footer .wenzi .section{
            display: block;
            font-weight: bold;
            line-height: 12px;
            font-size: 12px;
            margin-bottom: 5px;
        }
        .footer .foot{
            color: #fff;
            width: 100%;
            font-size: 12px;
            text-align: center;
            padding: 20px 0px;
        }
        .footer .foot a{
            text-transform: uppercase;
            color: #fff;
        }
        .footer .foot a,
        .footer .foot span{
            display: inline-block;
        }
        .footer .foot .separator{
            margin: 0px 3px;
        }
    </style>
</head>
<body>
    <div class="headerWrapper">
        <div class="header clearfix">
            <div class="logo">
                <a href="https://www.alibabagroup.com/cn/global/home">
                    <img src="images/logo_header.png" alt="">
                </a>
            </div>
            <div class="fright">
                <div class="search">
                    <div class="searchWrapper">
                        <input type="hidden" name="filter" value="0">
                        <input type="hidden" name="lang" value="cn">
                        <input type="text" id="search" name="q" placegolder="搜索阿里巴巴集团">
                        <button type="sebmit" id="sebmitSearch">搜索</button>
                    </div>
                </div>
                <div class="selectWrapper offering">
                    <div class="defaultText">阿里巴巴集团相关平台</div>
                    <span class="carat"></span>
                </div>
                <div class="selectWrapper lang">
                    <div class="dropdown">
                        <span class="old"></span>
                        <span class="selected">
                            简
                        </span>
                        <span class="carat"></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="nav">
        <ul class="menu">
            <li><span>关于我们</span></li>
            <li><span>投资者关系</span></li>
            <li><span>新闻及媒体资源</span></li>
            <li><span>联系我们</span></li>
        </ul>
    </div>
    <div class="wrap">
        <div class="container nopadding" id="hemo">
            <img src="images/banner.png" alt="">
        </div>
    </div>
    <div class="footer">
        <div class="logo">
            <a href=""><img src="images/logo_footer.png"></a>
        </div>
        <div class="wenzi">
            <div class="col col11">
                <span class="section">关于我们</span>
                <ul>
                    <li>公司简介</li>
                    <li>业务范畴</li>
                    <li>历史及里程碑</li>
                    <li>领导团队</li>
                    <li>文化和价值观</li>
                    <li>可持续发展</li>
                    <li>诚信合规</li>
                    <li>常见问题</li>
                </ul>
            </div>
            <div class="col col12">
                <span class="section">投资者关系</span>
                <ul>
                    <li>投资者关系主页</li>
                    <li>投资者新闻及活动</li>
                    <li>投资者日</li>
                    <li>年度股东大会</li>
                    <li>季度业绩</li>
                    <li>美国证交会公告</li>
                    <li>公司治理</li>
                </ul>
            </div>
            <div class="col col13">
                <span class="section">新闻及媒体资源</span>
                <ul>
                    <li>新闻发布</li>
                    <li>Alizila 新闻网站</li>
                    <li>媒体报导</li>
                    <li>视频</li>
                    <li>媒体资料库</li>
                    <li>社交媒体</li>
                </ul>
            </div>
            <div class="col col14">
                <span class="section">联系我们</span>
                <ul>
                    <li>办公地点</li>
                    <li>投资者联系</li>
                    <li>媒体联系</li>
                    <li>客户联系</li>
                    <li>执法部门合规指南</li>
                    <li>知识产权保障</li>
                </ul>
            </div>
        </div>
        <div class="foot">
            <a href="">加入我们</a><span class="separator">|</span>
            <a href="">免责声明</a><span class="separator">|</span>
            <a href="">私隱政策</a><span class="separator">|</span>
            <span class="text">
                版权公告 © 1999-2016 阿里巴巴集团控股有限公司
                <span class="mobileBreak">及／或其关联公司及特许人。版权所有。</span>
            </span>
        </div>
    </div>
</body>
</html>
